<!doctype html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <link rel="shortcut icon" href="images/喜气洋洋小四班班徽.png">
    <link rel="stylesheet" href="./css2/style.css">
</head>

<body>
    <div data-v-8e6b1646="">
        <div id="iuy7">
            <!-- Additional CSS Files -->
            <link rel="stylesheet" type="text/css"
                href="css2/bookstrap.min.css" />
            <link rel="stylesheet" type="text/css"
                href="css2/font-awesome.css" />
            <link rel="stylesheet"
                href="https://template-1253409072.cos.ap-guangzhou.myqcloud.com/html-template/template-company-00001/assets/css/templatemo-softy-pinko.css" />
            <!-- ***** Preloader Start ***** -->
            <div id="preloader">
                <div class="jumper">
                    <div>
                    </div>
                    <div>
                    </div>
                    <div>
                    </div>
                </div>
            </div>
            <!-- ***** Preloader End ***** -->
            <!-- ***** Header Area Start ***** -->
            <header class="header-area header-sticky">
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <nav class="main-nav">
                                <!-- ***** Logo Start ***** -->
                                <a href="#" class="logo"></a>
                                <div id="i9ztp9">喜气洋洋小四班班级开发  
                                </div>
                                <!-- ***** Logo End ***** -->
                                <!-- ***** Menu Start ***** -->
                                <ul class="nav">
                                    <li>
                                        <a href="#welcome" class="active">Home</a>
                                    </li>
                                    <li>
                                        <a href="#features" id="id9n6">About</a>
                                    </li>
                                    <li>
                                        <a href="#work-process">Work Process</a>
                                    </li>
                                    <li>
                                        <a href="#testimonials">Testimonials</a>
                                    </li>
                                    <li>
                                        <a href="#pricing-plans">Pricing Tables</a>
                                    </li>
                                    <li>
                                        <a href="#blog">Blog Entries</a>
                                    </li>
                                    <li>
                                        <a href="#contact-us">Contact Us</a>
                                    </li>
                                </ul>
                                <a class="menu-trigger"><span id="ifrrj">Menu</span></a>
                                <!-- ***** Menu End ***** -->
                            </nav>
                        </div>
                    </div>
                </div>
            </header>
            <!-- ***** Header Area End ***** -->
            <!-- ***** Welcome Area Start ***** -->
            <div id="welcome" class="welcome-area">
                <!-- ***** Header Text Start ***** -->
                <div class="header-text">
                    <div class="container">
                        <div class="row">
                            <div class="offset-xl-3 col-xl-6 offset-lg-2 col-lg-8 col-md-12 col-sm-12">
                                <h1 id="i0396">喜气洋洋小四班
                                    <br />班级开发网站
                                </h1>
                                <p id="i99kj">资料库
                                </p>
                                <a href="#features" class="main-button-slider">Discover More</a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- ***** Header Text End ***** -->
            </div>
            <!-- ***** Welcome Area End ***** -->
            <!-- ***** Features Small Start ***** -->
            <section class="section home-feature">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                        </div>
                    </div>
                </div>
            </section>
            <!-- ***** Features Small End ***** -->
            <!-- ***** Features Big Item Start ***** -->
            <!-- ***** Features Big Item End ***** -->
            <!-- ***** Features Big Item Start ***** -->
            <section class="section padding-bottom-100">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-6 col-md-12 col-sm-12 align-self-center mobile-bottom-fix">
                            <div class="left-heading">
                                <h2 class="section-title">We can help you to grow your business
                                </h2>
                            </div>
                            <div class="left-text">
                                <p id="ife9os">Aenean pretium, ipsum et porttitor auctor, metus ipsum iaculis nisi, a
                                    bibendum lectus libero vitae urna. Sed id leo eu dolor luctus congue sed eget ipsum.
                                    Nunc nec luctus libero. Etiam quis dolor elit.
                                </p>
                            </div>
                        </div>
                        <div class="col-lg-1">
                        </div>
                        <div data-scroll-reveal="enter right move 30px over 0.6s after 0.4s"
                            class="col-lg-5 col-md-12 col-sm-12 align-self-center mobile-bottom-fix-big">
                        </div>
                    </div>
                </div>
            </section>
            <!-- ***** Features Big Item End ***** -->
            <!-- ***** Home Parallax Start ***** -->
            <section id="work-process" class="mini">
                <div class="mini-content">
                    <div class="container">
                        <div class="row">
                            <div class="offset-lg-3 col-lg-6">
                                <div class="info">
                                    <h1>Work Process
                                    </h1>
                                    <p>Aenean nec tempor metus. Maecenas ligula dolor, commodo in imperdiet interdum,
                                        vehicula ut ex. Donec ante diam.
                                    </p>
                                </div>
                            </div>
                        </div>
                        <!-- ***** Mini Box Start ***** -->
                        <div class="row">
                            <div class="col-lg-2 col-md-3 col-sm-6 col-6">
                                <a href="#" class="mini-box"><i>
                                        <img src="images/1.png" alt="" />
                                    </i><strong>Get Ideas</strong><span>Godard pabst prism fam cliche.</span></a>
                            </div>
                            <div class="col-lg-2 col-md-3 col-sm-6 col-6">
                                <a href="#" class="mini-box"><i>
                                        <img src="images/1.png" alt="" id="iuirzy" />
                                    </i><strong id="ihwtz1">Sketch Up</strong><span id="iksq5v">Godard pabst prism fam
                                        cliche.</span></a>
                            </div>
                            <div class="col-lg-2 col-md-3 col-sm-6 col-6">
                                <a href="#" class="mini-box"><i>
                                        <img src="images/1.png" alt="" />
                                    </i><strong>Discuss</strong><span>Godard pabst prism fam cliche.</span></a>
                            </div>
                            <div class="col-lg-2 col-md-3 col-sm-6 col-6">
                                <a href="#" class="mini-box"><i>
                                        <img src="images/1.png" alt="" />
                                    </i><strong>Revise</strong><span>Godard pabst prism fam cliche.</span></a>
                            </div>
                            <div class="col-lg-2 col-md-3 col-sm-6 col-6">
                                <a href="#" class="mini-box"><i>
                                        <img src="images/1.png" alt="" />
                                    </i><strong>Approve</strong><span>Godard pabst prism fam cliche.</span></a>
                            </div>
                            <div class="col-lg-2 col-md-3 col-sm-6 col-6">
                                <a href="#" class="mini-box"><i>
                                        <img src="images/1.png" alt="" />
                                    </i><strong>Launch</strong><span>Godard pabst prism fam cliche.</span></a>
                            </div>
                        </div>
                        <!-- ***** Mini Box End ***** -->
                    </div>
                </div>
            </section>
            <!-- ***** Home Parallax End ***** -->
            <!-- ***** Testimonials Start ***** -->
            <section id="testimonials" class="section">
                <div class="container">
                    <!-- ***** Section Title Start ***** -->
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="center-heading">
                                <h2 class="section-title">
                                    <h3 id="izzuvg-10" draggable="false" class="user-name gjs-selected">此功能暂未开发
                                    </h3>
                                </h2>
                            </div>
                        </div>
                        <div class="offset-lg-3 col-lg-6">
                            <div class="center-text">
                                <p id="i8rtxx">
                                <h3 id="izzuvg-9" draggable="false" class="user-name gjs-selected">此功能暂未开发
                                    <br />
                                    <br />
                                </h3>
                                </p>
                            </div>
                        </div>
                    </div>
                    <!-- ***** Section Title End ***** -->
                    <div class="row">
                        <!-- ***** Testimonials Item Start ***** -->
                        <div class="col-lg-4 col-md-6 col-sm-12">
                            <div class="team-item">
                                <div class="team-content">
                                    <i>
                                        <img src="images/testimonial-icon.png" alt="" />
                                    </i>
                                    <p id="i33s8k">
                                    <h3 id="izzuvg-6" draggable="false" class="user-name gjs-selected">此功能暂未开发
                                        <br />
                                        <br />
                                    </h3>
                                    </p>
                                    <!-- <div class="user-image">
            <img src="http://placehold.it/60x60" alt="">
            </div> -->
                                    <div class="team-info">
                                        <h3 class="user-name">
                                            <h3 id="izzuvg-7" draggable="false" class="user-name gjs-selected">此功能暂未开发
                                            </h3>
                                        </h3>
                                        <span id="if5xgl">
                                            <h3 id="izzuvg-8" draggable="false" class="user-name gjs-selected">此功能暂未开发
                                            </h3>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- ***** Testimonials Item End ***** -->
                        <!-- ***** Testimonials Item Start ***** -->
                        <div class="col-lg-4 col-md-6 col-sm-12">
                            <div class="team-item">
                                <div class="team-content">
                                    <i>
                                        <img src="images/testimonial-icon.png" alt="" />
                                    </i>
                                    <p id="i1l19y">
                                    <h3 id="izzuvg-5" draggable="false" class="user-name gjs-selected">此功能暂未开发
                                        <br />
                                        <br />
                                    </h3>
                                    </p>
                                    <!-- <div class="user-image">
            <img src="http://placehold.it/60x60" alt="">
            </div> -->
                                    <div class="team-info">
                                        <h3 class="user-name">
                                            <h3 id="izzuvg-3" draggable="false" class="user-name gjs-selected">此功能暂未开发
                                            </h3>
                                        </h3>
                                        <span id="ie1h8k">
                                            <h3 id="izzuvg-4" draggable="false" class="user-name gjs-selected">此功能暂未开发
                                            </h3>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- ***** Testimonials Item End ***** -->
                        <!-- ***** Testimonials Item Start ***** -->
                        <div class="col-lg-4 col-md-6 col-sm-12">
                            <div class="team-item">
                                <div class="team-content">
                                    <i>
                                        <img src="images/testimonial-icon.png" alt="" />
                                    </i>
                                    <p id="i2c7gj">此功能暂未开发
                                    </p>
                                    <!-- <div class="user-image">
            <img src="http://placehold.it/60x60" alt="">
            </div> -->
                                    <div class="team-info">
                                        <h3 class="user-name">此功能暂未开发
                                        </h3>
                                        <span id="in3auc">
                                            <h3 id="izzuvg-2" draggable="false" class="user-name gjs-selected">此功能暂未开发
                                            </h3>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- ***** Testimonials Item End ***** -->
                    </div>
                </div>
            </section>
            <!-- ***** Testimonials End ***** -->
            <!-- ***** Pricing Plans Start ***** -->
            <!-- ***** Pricing Plans End ***** -->
            <!-- ***** Counter Parallax Start ***** -->
            <!-- ***** Counter Parallax End ***** -->
            <!-- ***** Blog Start ***** -->
            <!-- ***** Blog End ***** -->
            <!-- ***** Contact Us Start ***** -->
            <section id="contact-us" class="section colored">
                <div class="container">
                    <!-- ***** Section Title Start ***** -->
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="center-heading">
                                <h2 class="section-title">Talk To Us
                                </h2>
                            </div>
                        </div>
                        <div class="offset-lg-3 col-lg-6">
                            <div class="center-text">
                                <p id="igj7ed">
                                <h3 id="izzuvg-13" draggable="false" class="user-name gjs-selected">此功能暂未开发
                                </h3>
                                </p>
                            </div>
                        </div>
                    </div>
                    <!-- ***** Section Title End ***** -->
                    <div class="row">
                        <!-- ***** Contact Text Start ***** -->
                        <div class="col-lg-4 col-md-6 col-sm-12">
                            <h5 class="margin-bottom-30">Keep in touch
                            </h5>
                            <div class="contact-text">
                                <p id="iagt9m">
                                <h3 id="izzuvg-12" draggable="false" class="user-name gjs-selected">此功能暂未开发
                                </h3>
                                </p>
                                <p id="i3c4iu">
                                <h3 id="izzuvg-11" draggable="false" class="user-name gjs-selected">此功能暂未开发
                                </h3>
                                </p>
                            </div>
                        </div>
                        <!-- ***** Contact Text End ***** -->
                        <!-- ***** Contact Form Start ***** -->
                        <div class="col-lg-8 col-md-6 col-sm-12">
                            <div class="contact-form">
                                <form id="contact" action="" method="get">
                                    <div class="row">
                                        <div class="col-lg-6 col-md-12 col-sm-12">
                                            <fieldset>
                                                <input name="name" type="text" id="name" placeholder="Full Name"
                                                    required class="form-control" />
                                            </fieldset>
                                        </div>
                                        <div class="col-lg-6 col-md-12 col-sm-12">
                                            <fieldset>
                                                <input name="email" type="email" id="email" placeholder="E-Mail Address"
                                                    required class="form-control" />
                                            </fieldset>
                                        </div>
                                        <div class="col-lg-12">
                                            <fieldset>
                                                <textarea name="message" rows="6" id="message"
                                                    placeholder="Your Message" required class="form-control"></textarea>
                                            </fieldset>
                                        </div>
                                        <div class="col-lg-12">
                                            <fieldset>
                                                <button type="submit" id="form-submit" class="main-button">Send
                                                    Message</button>
                                            </fieldset>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <!-- ***** Contact Form End ***** -->
                    </div>
                </div>
            </section>
            <!-- ***** Contact Us End ***** -->
            <!-- ***** Footer Start ***** -->
            <footer id="ig3ayj">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <ul class="social">
                                <li>
                                    <a href="https://gitee.com/Grade2024-Class4-Technical-Development"><i
                                            class="fa fa-facebook">
                                        </i></a>
                                </li>
                                <li>
                                    <a href="https://gitee.com/Grade2024-Class4-Technical-Development"><i
                                            class="fa fa-twitter">
                                        </i></a>
                                </li>
                                <li>
                                    <a href="https://gitee.com/Grade2024-Class4-Technical-Development"><i
                                            class="fa fa-linkedin">
                                        </i></a>
                                </li>
                                <li>
                                    <a href="https://gitee.com/Grade2024-Class4-Technical-Development"><i
                                            class="fa fa-rss">
                                        </i></a>
                                </li>
                                <li>
                                    <a href="https://gitee.com/Grade2024-Class4-Technical-Development"><i
                                            class="fa fa-dribbble">
                                        </i></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <p class="copyright">喜气洋洋小四班班级开发
                            </p>
                        </div>
                    </div>
                </div>
            </footer>
            <!-- jQuery -->
            <script
                src="https://template-1253409072.cos.ap-guangzhou.myqcloud.com/html-template/template-company-00001/assets/js/jquery-2.1.0.min.js"></script>
            <!-- Bootstrap -->
            <script
                src="https://template-1253409072.cos.ap-guangzhou.myqcloud.com/html-template/template-company-00001/assets/js/popper.js"></script>
            <script
                src="https://template-1253409072.cos.ap-guangzhou.myqcloud.com/html-template/template-company-00001/assets/js/bootstrap.min.js"></script>
            <!-- Plugins -->
            <script
                src="https://template-1253409072.cos.ap-guangzhou.myqcloud.com/html-template/template-company-00001/assets/js/scrollreveal.min.js"></script>
            <script
                src="https://template-1253409072.cos.ap-guangzhou.myqcloud.com/html-template/template-company-00001/assets/js/waypoints.min.js"></script>
            <script
                src="https://template-1253409072.cos.ap-guangzhou.myqcloud.com/html-template/template-company-00001/assets/js/jquery.counterup.min.js"></script>
            <script
                src="https://template-1253409072.cos.ap-guangzhou.myqcloud.com/html-template/template-company-00001/assets/js/imgfix.min.js"></script>
            <!-- Global Init -->
            <script
                src="https://template-1253409072.cos.ap-guangzhou.myqcloud.com/html-template/template-company-00001/assets/js/custom.js"></script>
        </div>
    </div>
</body>

</html>